<div class="hero-unit" style="margin-top:20px">
	<div class="row-fluid">
		<div class="span2">
			{include file="profile/heroUnit.avatarTemplate.tpl" avatarSrc=$userData.AvatarFull ranking=$ranking}
		</div>
		<div class="span7">
			<h1 class=""><span class="t" title="{$userData.Name}">{$userData.Name|truncate:14:"...":true}</span>{include "prototypes/creditValue.tpl" creditValue=$userCredits}</h1>
			
			{*<div class="pull-right">
			
			{include
				file="prototypes/notificationIcon.tpl" count=$notificationCount
				steamID=$steamID data=$notificationData}</div>*}
			<div class="clearfix"></div>
			
			<p>
				<strong>WINS:</strong>&nbsp;<span class="text-success">{$userStats.Wins}</span>&nbsp;
				<strong>LOSSES:</strong>&nbsp;<span class="text-error">{$userStats.Loses}</span>&nbsp;
				<strong>WIN RATE:</strong>&nbsp;<span class="text-warning">{$userStats.WinLoseRatio}
					%</span>&nbsp;
				<strong>LEAVES:</strong>&nbsp;<span class="text-warning">{$userStats.Leaves}</span>&nbsp;
				
			</p>
			<p>
				{if $index=="true"}
					<a href="profile.php">Profile</a> | 
				{/if}
				<a href="http://dotabuff.com/players/{$steamID}" target="_blank"><i
					class=" icon-tasks"></i>&nbsp;DotaBuff-Profile</a> | <a
					href="{$userData.ProfileURL}" target="_blank"><i
					class="icon-user"></i>&nbsp;Steam-Profile</a>
			</p>
		</div>
		<div class="span3" align="right">
			{include "prototypes/profileHeroUnitRankingIcon.tpl"
			elo=$userStats.Rank}
			<!-- 			<img src="img/wreaths-with-red-ribbon-small.jpg" style="width:255px; margin-top:-46px; margin-bottom:-46px"> -->

			<!-- 			<ul class="nav nav-list"> -->
			<!-- 				<li><a href="#overview"><i class="icon-chevron-right"></i> -->
			<!-- 						Overview</a></li> -->
			<!-- 				<li><a href="#transitions"><i class="icon-chevron-right"></i> -->
			<!-- 						Transitions</a></li> -->
			<!-- 				<li><a href="#modals"><i class="icon-chevron-right"></i> -->
			<!-- 						Modal</a></li> -->
			<!-- 				<li><a href="#dropdowns"><i class="icon-chevron-right"></i> -->
			<!-- 						Dropdown</a></li> -->
			<!-- 			</ul> -->
		</div>
	</div>
</div>